<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>尚典首页</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/animate.css" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/Commonstyle.css" />
		<link rel="stylesheet" href="css/index.css" />
		<script type="text/javascript" src="js/wow.min.js" ></script>
	</head>
	<body>
		<div class="top">
			<img src="img/logo_03.jpg" class="s wow swing"data-wow-duration="1s" />
			<div class="mc">
				<h1>尚典</h1>
				<p>SHANG DIAN</p>
			</div>
				<input type="checkbox" name="dh" id="dh" />
            <label class="wow bounceInRight menu" data-wow-duration="1s"  for="dh">
                    <span></span>
                    <span></span>
                    <span></span>
            </label>
			<nav class="dh wow bounceIn"  data-wow-duration="1s">
				<li>
					<a href="index.html">首页</a>
					<span><a href="index.html">HOME</a> </span>
				</li>
				<li>
					<a href="zjsd.html">走进尚典</a>
					<span><a href="zjsd.html">HOME</a> </span>
				</li>
				<li>
					<a href="journalism.html">新闻动态</a>
					<span><a href="journalism.html">HOME</a> </span>
				</li>
				<li>
					<a>尚典视频</a>
					<span><a href="video.html">HOME</a></span>
				</li>
				<li>
					<a>产品中心</a>
					<span><a href="products.html">HOME</a></span>
				</li>
				<li>
					<a>授权查询</a>
					<span><a href="query.html">HOME</a></span>
				</li>
				<li>
					<a>联系我们</a>
					<span><a href="contactus.html">HOME</a></span>
				</li>
			</nav>
		</div>
		
		<div class="lb wow bounceOut"  data-wow-duration="1s">
			<input type="radio" name="radio" id="img1" checked />
			<input type="radio" name="radio" id="img2" />
			<input type="radio" name="radio" id="img3" />
			<input type="radio" name="radio" id="img4" />
			<img src="img/lb1_02.jpg" class="images1" />
			<img src="img/image1.jpg" class="images2"/>
			<img src="img/image11.jpg" class="images3"/>
			<img src="img/image8.jpg" class="images4"/>
			<div>
			<label for="img1" id="image1"></label>
			<label for="img2" id="image2"></label>
			<label for="img3" id="image3"></label>
			<label for="img4" id="image4"></label>
			</div>
		</div>
        
        <div class="content">
	    	<div class="idea">
                <h3 class="wow bounceIn"  data-wow-duration="1s">SHANGDIAN CONCEPT</h3>
                <hr/>
                <p class="wow bounceIn"  data-wow-duration="1s">尚典理念</p>
                <div class="container">
	                <div class="row">
	                	<div class="idea-z wow bounceInDown col-md-4 col-sm-6 col-xs-12"
	                		data-wow-duration="1s" data-wow-delay="0ms">
	                		<img src="img/wsm_03.jpg" class="wow fadeInDown"  data-wow-duration="1s" />
	                		<h4>为什么这么做？</h4>
	                		<p>这几年来市面上的洗发水都是以硅油为主研发而成洗发水含有硅会使人脱发、掉发、头皮发痒等</p>
	                	</div>
	                	<div class="idea-zh wow bounceInDown col-md-4 col-sm-6 col-xs-12"
	                		data-wow-duration="1s" data-wow-delay="100ms">
	                		<img src="img/lilian_07.jpg" />
	                		<h4>我们做了什么？</h4>
	                		<p>研制出一款无硅油洗护产品，塑造纯天然，原生态产品，致力打造健康，美丽的核心宗旨</p>
	                	</div>
	                	<div class="idea-y wow bounceInDown col-md-4 col-sm-6 col-xs-12"
	                		data-wow-duration="1s" data-wow-delay="200ms">
	                		<img src="img/linian_09.jpg" />
	                		<h4>我们是谁？</h4>
	                		<p>“尚典”诞生于2016年中国广州，是香港闻名生物科技有限公司旗下的一个品牌</p>
	                	</div>
	                	<div class="idea-but col-md-12 col-sm-12 col-xs-12">
	                		<div class="wow fadeInLeft col-md-3 col-sm-6 col-xs-12"
	                			data-wow-duration="1s" data-wow-delay="00ms">
	                			<img src="img/ln_07.jpg" />
	                		</div>
	                		<div class="wow fadeInDown col-md-5 col-sm-6 col-xs-12"
	                			data-wow-duration="1s" data-wow-delay="100ms">
	                			<p>“尚典”诞生于2016年中国广州，是香港闻名生物科技有限公司旗下的一个品牌。公司集开发、生产、销售为一体，塑造天然，原生态产品，致力打造健康，美丽的核心宗旨。同时也为移动互联网低门槛创业创造一个平台，支持有梦人士创业，实现梦想的舞台。</p>
	                			<a>MORE</a>
	                		</div>
	                		<div class="wow fadeInRight col-md-4 col-sm-6 col-xs-12"
	                			data-wow-duration="1s" data-wow-delay="200ms">
	                			<img src="img/ppjd_03.jpg" />
	                		</div>
	                	</div>
	                </div>
                </div>
            </div>
            
            
            <div class="show">
            	<div class="show-top">
            	<h3 class="wow flipInX" data-wow-duration="1s">SHANGDIAN CONCEPT</h3>
                <hr/>
                <p class="wow lightSpeedIn" data-wow-duration="1s">产品展示</p>
                </div>
                <div class="container">
	                <div class="row">
               			<div class="show-nr col-md-12 col-sm-12 col-xs-12">
	                		<div class="wow slideInLeft col-md-6 col-sm-12 col-xs-12"
	                			data-wow-duration="1s">
	                			<img src="img/zs1_11.jpg" />
	                		</div>
	                		<div class="wow rotateInDownLeft col-md-3 col-sm-6 col-xs-12" data-wow-duration="1s">
	                			<h4>尚典植物精萃洗护套装</h4>
	                			<p>抗衰减龄,硅油无刺激</p>
	                			<span>Attenuation of age resistance,</span>
	                			<span>no stimulus silicone</span>
	                		</div>
	                		<div class="col-md-3 col-sm-6 col-xs-12 wow slideInRight"
	                			data-wow-duration="1s">
	                			<img src="img/zs2_13.jpg" />
	                		</div>
	                	</div>
	                	
	                	<div class="show-nr2 col-md-12 col-sm-12 col-xs-12">
	                		<div class="col-md-3 col-sm-12 col-xs-12 wow slideInLeft"
	                			data-wow-duration="1s">
	                			<h4>Shampoo洗发水</h4>
	                			<span>Resurgent since shampoo started </span>
	                			<img src="img/zs3_17.jpg" />
	                		</div>
	                		<div class="col-md-6 col-sm-6 col-xs-12 wow bounceInUp"
	                			data-wow-duration="1s">
	                			<img class="img" src="img/zs4_16.jpg" />
	                			<h4>天然Hair Mask发膜</h4>
	                			<p>抗衰减龄,硅油无刺激,抗衰减龄,硅油无刺激</p>
	                			<span>Attenuation of age resistance, silicone oil, no stimulation,</span>
	                			<span>decay resistance of age, silicone oil, no stimulation.</span>
	                		</div>
	                		<div class="col-md-3 col-sm-6 col-xs-12 wow slideInRight"
	                			data-wow-duration="1s">
	                			<h4>净肤雪洗护套装</h4>
	                			<span>Net skin take revenge</span>
	                			<span>protective suits</span>
	                			<img src="img/cpzx_16.jpg" />
	                		</div>
	                	</div>
	                </div>
	            </div>
            </div>
            
            <div class="dynamic">
            	<h3 class="wow flipInX"data-wow-duration="1s">SHANGDIAN CONCEPT</h3>
                <hr/>
                <p class="wow slideInLeft"data-wow-duration="1s">新闻动态</p>
                <div class="container">
	                <div class="row">
               			<div class="dynamic-1 col-md-12 col-sm-12 col-xs-12">
               				<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="0ms">
               				    <div class="col-md-2 col-sm-12 col-xs-12">
               				     <p>
               				     	07/18
               				     	<span>2018</span>
               				     </p>
               					</div>
               					<div class="col-md-10 col-sm-12 col-xs-12">
               				     	<p>本土日化上市需要等待时机</p>
               				     	<p>日化企业的上市会给企业带来更为广阔的利润空间，而上市过程也需要很多的资金，但是很多本土的日....</p>
               					</div>
               				</div>
               				<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="100ms">
               					<div class="col-md-2 col-sm-12 col-xs-12">
               				     <p>
               				     	07/18
               				     	<span>2018</span>
               				     </p>
               					</div>
               					<div class="col-md-10 col-sm-12 col-xs-12">
               				     	<p>本土日化上市需要等待时机</p>
               				     	<p>日化企业的上市会给企业带来更为广阔的利润空间，而上市过程也需要很多的资金，但是很多本土的日....</p>
               					</div>
               				</div>
               			</div>
               			<div class="dynamic-1 col-md-12 col-sm-12 col-xs-12">
               				<div class=" col-md-6 col-sm-12 col-xs-12 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="200ms">
               					<div class="col-md-2 col-sm-12 col-xs-12">
               				     <p>
               				     	07/18
               				     	<span>2018</span>
               				     </p>
               					</div>
               					<div class="col-md-10 col-sm-12 col-xs-12">
               				     	<p>本土日化上市需要等待时机</p>
               				     	<p>日化企业的上市会给企业带来更为广阔的利润空间，而上市过程也需要很多的资金，但是很多本土的日....</p>
               					</div>
               				</div>
               				<div class="col-md-6 col-sm-12 col-xs-12 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="300ms">
               					<div class="col-md-2 col-sm-12 col-xs-12">
               				     <p>
               				     	07/18
               				     	<span>2018</span>
               				     </p>
               					</div>
               					<div class="col-md-10 col-sm-12 col-xs-12">
               				     	<p>本土日化上市需要等待时机</p>
               				     	<p>日化企业的上市会给企业带来更为广阔的利润空间，而上市过程也需要很多的资金，但是很多本土的日....</p>
               					</div>
               				</div>
               			</div>
               		</div>
               	</div>
               	
               	<a href="#"class="wow bounceInLeft"
               		data-wow-duration="1s"data-wow-delay="400ms">MORE</a>
               	
               	
            </div>
		
		</div>
		
		
		
		
		
		<div class="bottom">
			<div class="container">
                <div class="row">
                	<div class="bot-z col-md-2 col-sm-2 col-xs-12">
                		<img src="img/botlogo_03.jpg" class=" wow bounceInLeft"
               					data-wow-duration="1s"data-wow-delay="0ms" />
                		<span class=" wow bounceInLeft"
               					data-wow-duration="1s"data-wow-delay="100ms" >尚  典</span>
                		<img src="img/tiao_09.jpg" />
                	</div>
                	
                	<div class="bot-zh col-md-3 col-sm-4 col-xs-12">
                		<p class=" wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="200ms" >导航 NAVIGATION</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="300ms" >网站首页</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="400ms" >走进尚典</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="500ms" >新闻动态</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="600ms" >尚典视频</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="700ms" >产品中心</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="800ms" >授权查询</p>
                		<p class="col-md-6 col-sm-6 col-xs-6 wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="900ms" >联系我们</p>
                	</div>
                	<div class="bot-y col-md-5 col-sm-5 col-xs-12">
                		<p class=" wow bounceInDown"
               					data-wow-duration="1s"data-wow-delay="1000ms" >联系 CONTACT</p>
                		<img src="img/tiao_09.jpg" />
                		<img src="img/tiao_09.jpg" />
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1100ms">地址：广州市海珠区赤岗街道新市头路锦安苑锦豪居C栋502</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1200ms">联系电话：400-1886-1345</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1300ms">邮箱：203841290@qq</p>
                		<p class=" wow bounceInUp"
               					data-wow-duration="1s"data-wow-delay="1400ms">香港闻名稍微有限公司版权所有  粤ICP备0754673</p>
                		
                	</div>
                	<div class="bot-m col-md-2 col-sm-2 col-xs-12">
                		<img src="img/bott-m_06.jpg" class=" wow bounceInRight"
               					data-wow-duration="1s"data-wow-delay="1500ms" />
                	</div>
                </div>
            </div>
		</div>
	</body>
</html>
<script>
    //初始化懒加载
    new WOW().init();
</script>